body, html{
	margin: 0 auto;
	font-family: 'Arial',Helvetica,Tahoma;
	width: 100%;
	font-size: 14px;
	color: #666;
	background-image: linear-gradient(bottom, rgb(32,110,174) 14%, #c4dff5 57%);
	background-image: -o-linear-gradient(bottom, rgb(32,110,174) 14%, #c4dff5 57%);
	background-image: -moz-linear-gradient(bottom, rgb(32,110,174) 14%, #c4dff5 57%);
	background-image: -webkit-linear-gradient(bottom, rgb(32,110,174) 14%, #c4dff5 57%);
	background-image: -ms-linear-gradient(bottom, rgb(32,110,174) 14%, #c4dff5 57%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.14, rgb(32,110,174)),
		color-stop(0.57, #c4dff5)
	);
	
}
ul {padding: 0; margin: 0}
ul li {list-style: none;}
a {text-decoration: none;}
img {border: none; padding:0; margin: 0;}
#header{
	background-color:#1469c6;
	margin: 0px 10px 5px;
	background-image: linear-gradient(left , #1d62a3 26%, rgb(13,44,74) 63%);
	background-image: -o-linear-gradient(left , #1d62a3 26%, rgb(13,44,74) 63%);
	background-image: -moz-linear-gradient(left , #1d62a3 26%, rgb(13,44,74) 63%);
	background-image: -webkit-linear-gradient(left , #1d62a3 26%, rgb(13,44,74) 63%);
	background-image: -ms-linear-gradient(left , #1d62a3 26%, rgb(13,44,74) 63%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0.26, rgb(55,130,188)),
		color-stop(0.63, rgb(13,44,74))
	);
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
#header #contain{margin: 0 auto; width:100%; padding: 0;}
#header #contain #logo{
    box-shadow: 200px -30px 80px 105px #60A1D7;
    float: left;
    height: 0;
    margin-left: -50px;
    margin-top: 20px;
    width: 0;
}
#header #contain #logo img{z-index:1;}
#header #contain #logo a{display: block;margin-left:100px}
#header #contain #banner{float:left; height: 100%;}
#header #contain .right{
	float: right;
	height: 120px;
	margin-left: 20px;
}
#header #contain .right .email{
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 5px 0px 0px 5px;
	/*margin-left: 20px;
	border: 1px solid #d1d1d1;
	background-color: #fff;
    float: left;
    position: relative;
	margin-left: 5px;*/
}
#header #contain .right .email input{
    border: none !important; 
	height: 15px; 
	width:170px; 
	color:#c2c2c2;
	font-size: 14px; 
	font-style:italic;padding: 0 10px;
	border-radius: 5px 5px 5px 5px;
    
}
#header #contain .right .email img{margin: 0;padding-top: 4px; padding-right: 2px;}
#header #contain .right .email .submit-button{
	background: url("../images/bt-go.png") repeat-x scroll 0 0 #ccc;
    border: 1px solid #CBCBCB;
    border-radius: 5px 5px 5px 5px;
    font-size: 80%;
    height: 23px;
	padding: 5px;
}
button, .button {
    border: medium none;
    color: #FFFFFF;
    font-weight: normal;
    margin: 0 0px;
    padding: 4px 10px;
	cursor:pointer;
}	
/* menu */
#header #contain #menu {
	clear: both;
	height: 40px;
	background: url("../images/bg-menu.png") repeat-x scroll 0 0 transparent;
	border-radius: 5px;
}
#header #contain #menu .main-menu{float:left;height:40px;}
#header #contain #menu .main-menu li {
	float: left;
	display:block;
	line-height: 230%;
	padding: 5px 15px;
	background: url("../images/line.gif") no-repeat right;
}
#header #contain #menu .main-menu li a{/*color: #206eae;*/ color: #fff; font-size:15px;font-family:Arial}
#header #contain #menu .main-menu li a:hover, a:visited {}
#header #contain #menu .main-menu li.a:hover{background: url("../images/bg-menu-o.png") repeat-x scroll 0 0 transparent;}
#header #contain #menu .main-menu li.a:hover a{}
#header #contain #menu .language{float:right; padding: 10px 5px;}
#header #contain #menu .language li{float:left; padding: 0 5px;}
#header #contain #menu .language li a{/*color: #46A3F0;*/ color: #fff;font-size:15px;font-family:Arial;}
#header #contain #menu .language .english{
	background: url("../images/english-icon.png") no-repeat scroll left 0px transparent;
	padding-left:23px;
}
#header #contain #menu .language .vietnam{
	background: url("../images/Vietnam.png") no-repeat scroll left 0px transparent;
	padding-left:23px;
}
/*------end menu -----*/
/*------main ------------*/
#main {margin: 0 10px;clear: both;}
#main .content{width: 100%;margin: 0 auto;display: table;}
#main .content .left{
	width:20%;
	float:left;
}
#main .content .left .left-inner{
	margin: 0 10px 0 0;
}
#main .content .left .left-inner .weather{
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #ccc;
	height:260px;
	font-size: 12px;
}
#main .content .left .left-inner #weather{
	padding: 10px 5px;
}
#main .content .left .left-inner .weather .ct{
	
}
#main .content .left .left-inner .weather .ct .title{
	background: url("../images/bg-event.png") repeat-x scroll 0 0 transparent;
	height: 48px;
	padding-bottom: 5px;
}
#main .content .left .left-inner .weather .ct table{
	width: 100%;
}
#main .content .left .left-inner .weather .icon{
	background: url("../images/weather-icon.png") no-repeat scroll 10px 3px transparent;
	padding-left: 50px;
	height: 32px;
	font-family: Lobster,serif !important;
	font-size: 20px;
	color: #fff;
	padding-top:10px;
	margin-left: 10px;
}
#main .content .left .left-inner .weather table td{
	padding: 0 5px;
}
#main .content .left .left-inner .weather table th{
	color: #6ABDE7;
	height: 25px;
}
.nang {
	background: url("../images/nang.png") no-repeat;
	padding-left: 35px;
	font-size: 16px;
}
.mua {
	background: url("../images/mua.png") no-repeat;
	padding-left: 38px;
	font-size: 16px;
}
.sam {
	background: url("../images/sam-set.png") no-repeat;
	padding-left: 38px;
	font-size: 16px;
}
.nang-may {
	background: url("../images/nang-may.png") no-repeat;
	padding-left: 38px;
	font-size: 16px;
}
#main .content .left .left-inner .tg{
	border: 1px solid #d3d3d3; 
	margin-top:5px;
	background-color: #fff;
}
#main .content .left .left-inner .tg .title{
	font-style:italic;
	background: url("../images/bg-event.png") repeat-x;
	color:#fff;
	font-size: 20px;
	height:48px;
	padding: 5px 0 0 20px;
}
#main .content .left .left-inner .tg .title .icon{
	background: url("../images/money-icon.png") no-repeat;
	padding-left:30px;
	font-family: Lobster,serif !important;
}
#main .content .left .left-inner .tg .data{
	font-size: 12px;
	width: 100%;
	padding: 0;
}
#main .content .left .left-inner .tg .data td{
	padding:5px 2px;
	text-align: center;
}
#main .content .left .left-inner .tg .data tr:nth-child(2n) {
    background-color: #ecf6ec;
}
#main .content .left .left-inner .facebook{
	padding: 5px;
	border: 1px solid #a9a9a9;
	border-top: 1px solid #305b98;
	margin-top:10px;
	background-color: #fff;
	height: 240px;
}

#main .content .middle{
	float:left;
	width:60%;
}

#main .content .middle .booking{
	/*background-color: #DCA000;*/
	background-image: linear-gradient(left , rgb(252,200,56) 32%, rgb(254,236,119) 66%, rgb(252,200,56) 83%);
	background-image: -o-linear-gradient(left , rgb(252,200,56) 32%, rgb(254,236,119) 66%, rgb(252,200,56) 83%);
	background-image: -moz-linear-gradient(left , rgb(252,200,56) 32%, rgb(254,236,119) 66%, rgb(252,200,56) 83%);
	background-image: -webkit-linear-gradient(left , rgb(252,200,56) 32%, rgb(254,236,119) 66%, rgb(252,200,56) 83%);
	background-image: -ms-linear-gradient(left , rgb(252,200,56) 32%, rgb(254,236,119) 66%, rgb(252,200,56) 83%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		right bottom,
		color-stop(0.32, rgb(252,200,56)),
		color-stop(0.66, rgb(254,236,119)),
		color-stop(0.83, rgb(252,200,56))
	);
	margin-bottom: 5px;
	padding:12px;
}
#main .content .middle .booking .content{
	/*background: none repeat scroll 0 0 #E1AE26;*/
    /*border: 1px solid #E7BD4D;*/
    padding: 5px 0;
}
#main .content .middle .booking .content h3{
	/*color: #FFFFFF;*/
	color: #a98917;
    margin: 0 0 10px;
    text-align: center;
	font-family: tomato;
	overflow: hidden;
    width: 100%;
	font-size: 175%;
	font-weight: bold;
    line-height: 35px;
	text-transform:uppercase;
}
#main .content .middle .booking .content span{
	color: #666;
	font-weight:bold;
}
#main .content .middle .booking .content input{
	/*background: #E7BE51;*/
	background: #fff;
	color: #666;
	border: none;
	height: 30px;
	width: 250px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0 10px;
	background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    float: left;
    position: relative;
	margin-left: 5px;
}
#main .content .middle .booking .content input.other{
	width: 75px;
}
#main .content .middle .booking .content input.date{
	/*background: #E7BE51;*/
	background: #fff;
	color: #666;
	border: none;
	height: 27px;
	width: 150px;
	background-image: url("../images/icon-date.png");
    background-position: 97% center;
    background-repeat: no-repeat;
}
#main .content .middle .booking .content table td{
	padding:3px;
}

.form-input {
    display: inline-block;
    float: right;
}
.styled-select {
    background: url("../images/form-dropdown.png") no-repeat scroll 97% center #fff;
    color: #666;
    height: 29px;
    overflow: hidden;
    width: 270px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    float: left;
    position: relative;
	margin-left: 5px;
}

select.form-dropdown {
    background: #fff;
    border: none;
    color: #666;
    font-size: 90%;
    height: 28px;
    padding: 5px;
    width: 300px;
	outline: medium none;
	background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    float: left;
    position: relative;
}

.form-input {
    display: inline-block;
    float: right;
}
#main .content .middle .image{
	padding-top:10px;
	border-top: 1px solid #d7dee9;
	text-align: center;
}
#main .content .middle .image{
	padding-top: 1px;
	border-top: 1px solid #d7dee9;
	text-align: center;
	height:460px;
}
#main .content .right{
	width:20%;
	float:right;
}
#main .content .right .right-inner{
	margin: 0 0 0 10px;
}
#main .content .right .right-inner .support{
	background: none repeat scroll 0 0 #fff;	
	border: 1px solid #ccc;
	height: 262px;
}
#main .content .right .right-inner .support table td{padding: 2px 3px;}
#main .content .right .right-inner .support .title{
	text-align: left;
	background: #46a3f0;
	color:#fff;
	padding: 7px 0 10px 10px;
	font-size: 20px;
	background: url("../images/bg-event.png") repeat-x;
	height: 35px;
}
#main .content .right .right-inner .support .title .icon{
	background: url("../images/support-icon.png") no-repeat;
	padding-left: 30px;
	font-family: Lobster,serif !important;
	font-size: 20px;
}
#main .content .right .right-inner .support table{
	padding: 5px 0 0 0;
}
#main .content .right .right-inner .support .fr-button{padding:0 9px;}
#main .content .right .right-inner .support .fr-button {
	width: 90%;
}
.support-button{
	background: url("../images/bg-button.png") repeat-x;
	padding: 3px 8px 10px;
	height: 25px;
}
.support-button:hover{
	background-color: #2222FF;
	cursor:pointer;
}
#main .content .right .right-inner .event{
	border: 1px solid #d3d3d3; 
	margin-top:5px;
	min-height: 520px;
	background-color: #fff;
}
#main .content .right .right-inner .event table {
	width: 100%;
}
#main .content .right .right-inner .event .title{
	font-style:italic;
	background: url("../images/bg-event.png") repeat-x;
	color:#fff;
	font-size: 20px;
	height:48px;
	padding:5px 0 0 5px;
	font-family: Lobster,serif !important;
}
#main .content .right .right-inner .event .title .icon{
	padding-left: 30px;
}
#main .content .right .right-inner .event .news-name{
	font-weight:bold;
	color: #46a3f0;
}
#main .content .right .right-inner .event .news-content{
	color: #666;
	text-align: justify;
}
#main .content .right .right-inner .event .detail{
	text-align:right;
}
#main .content .right .right-inner .event .detail a{color: #46a3f0;}

/*-----end main---------*/
/*---- footer---- */
#footer {
	margin: 10px;
	clear: both;
}
#footer .pay{
	border: 1px solid #cacaca;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 20px;
	float: left;
	width: 100%;
	background-color: #fff;
}
#footer .pay .content{margin: 4px 10px;}
#footer .pay span{color: #46a3f0;font-weight: bold;float: left;padding-top:10px; padding-right: 10px;}
#footer .pay ul li{float: left; padding: 0 3%;}
#footer .pay ul li:first-child{padding-left: 5px;}
#footer .pay ul li a{display:block;}
#footer .company-info{clear:both; color: #fff; padding: 10px 0;}
.footer-social li{float:right; padding-left:10px;}
/*--------end footer -----------*/

/* plugin */
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.coin-slider .cs-coin-slider {
	background-repeat: no-repeat !important;
}
.coin-slider #coin-slider { background-repeat: no-repeat !important; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { 
	background-color: #CCCCCC;
    color: #2222FF;
    height: 30px;
    padding: 10px;
    width: 98%;
	font-weight: bold;
}

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF !important; padding: 0px 10px; font-weight:bold;}
.jspDrag {background-color: #edeaea ;}

.weather .ct .vert .simply-scroll-clip{
   height: 200px !important;
}

/*---------List_box_big----------*/
.prod_box_big{
width:770px;
height:auto;
float:left;
padding:10px 10px 10px 15px;
border: 1px solid #F1F1F1;
margin: 0 0 10px 0;
}
.center_prod_box_big{
width:554px;height: auto;float:left; text-align:center;padding:0px; margin:0px;
}
.product_img_big{
width:200px;
padding:5px 0 5px 10px;
float:left;
}
.details_big_box{
width:445px;
float:left;
padding:0 0 0 15px;
text-align:left;
}
.specifications{
font-size:12px;
font-weight:bold;
line-height:18px;
}

/*-------------left_content------------------*/
.left_content{
width:196px;
float:left;
}
.title_box{
height:40px;
background:#46A3F0;
text-align:center;
font-size:16px;
font-weight:bold;
line-height:30px;
border: 1px solid #D3D3D3;
}

.body_box{
border: 1px solid #d3d3d3; 
margin-top:5px;
height:30px;
text-align:center;
font-size:14px;
font-weight:bold;
line-height:30px;
}

ul.left_menu li.odd a{
width:250px;height:25px;display:block;background:url(images/checked.png) no-repeat left #dad0d0; background-position:5px 5px;border-bottom:1px #FFFFFF solid;
text-decoration:none;color:#504b4b; line-height:25px;
}
ul.left_menu li.even a{
width:166px;height:25px;display:block;background:url(images/checked.png) no-repeat left #eee6e6;background-position:5px 5px;border-bottom:1px #FFFFFF solid;
text-decoration:none;color:#504b4b;padding:0 0 0 30px; line-height:25px;
}
ul.left_menu li.even a:hover, ul.left_menu li.odd a:hover{
background:url(images/checked.png) no-repeat left #7bbcc7; color:#FFFFFF;background-position:5px 5px;
}

.center_content_mid{
width:520px;
float:left;
padding:0 0 0 40px;
margin:0 0 0 12px;
_margin:0 0 0 6px;
line-height:33px;
font-size:12px;
color:#847676;
font-weight:bold;
}

/*---------------contact_form------------------*/
.contact_form{
width:500px;
height:600px;
float:inherit;
/*padding:0px 0 0 75px;*/
}
.form_row{
width:350px;
float:inherit;
clear:both;
padding:10px 0 10px 0;
/*_padding:5px 0 5px 0;*/
color:#a53d17;
}
label.contact{
width:75px;
float:left;
font-size:12px;
text-align:right;
padding:4px 5px 0 0;
color: #333333;
}
input.contact_input{
width:230px;
height:18px;
background-color:#fff;
color:#999999;
border:1px #DFDFDF solid;
float:left;
}
textarea.contact_textarea{
width:253px;
height:50px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #999999;
background-color:#fff;
border:1px #DFDFDF solid;
float:left;
}
a.contact{
width:99px;
height:27px;
display:block;
float:right;
margin:0 0 0 10px;
background:url(images/contact_bt.gif) no-repeat left;
padding:0 0 0 10px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}

#main .content .left .left-inner .province{
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #ccc;
	overflow: auto;
	height:560px;
}

.button
{
    background-color: #46A3F0;
    text-align: left;
    padding: 1px 10px 1px 15px;
    height:30px;
    width:90px;
}
